/*############################### Start Copyed En ###########################*/



/* start globel css */ 









#player{

	

	visibility:hidden;

	

}

@import url('../css.css');

body{

	overflow-x: hidden!important;

	font-family: 'Quicksand', sans-serif;

}

a:hover{

    text-decoration: none;

}

/************ start haeder css ****************/ 

header.home-header {

    height: 0px;

}

.home-header .bg-light{

    background-color: rgba(255, 165, 0, 0.8) !important;

    width: 100%;

    top: 0;

    position: fixed !important;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    z-index: 2;

}

.home-header .nav-link {

    display: block;

    padding: 1.5rem 1rem;

    font-size: 18px;

    font-weight: bold;

    margin-left: 15px;

    transition: all 0.5s ease;

}

.shrink .home-header .nav-link {

    display: block;

    padding: 1rem 1rem;

    font-size: 18px;

    font-weight: bold;

    margin-left: 15px;

    

    transition: all 0.5s ease

}

.home-header ul.navbar-nav{

    position: relative;

    z-index: 9;

}

.home-header .navbar-right li:last-child a{

    font-size: 25px !important;

    padding: 15px 0;

}

.home-header .navbar-light .navbar-nav .nav-link{

    color: #014785;

    position:relative;

    transition: all 0.5s ease

}

.home-header .navbar-light .navbar-nav .nav-link:before{

    position: absolute;

    content: "";

    bottom: 10px;

    left: 50%;

    background-color: #6698e1;

    height: 3px;

    right: 50%;

    transition: all 0.5s ease

}

.home-header .navbar-light .navbar-nav .nav-link:hover:before{

    right:0;

    left:0;

    transition: all 0.5s ease

}

.home-header .navbar-light .navbar-nav .nav-link:hover{

    color: orange !important;

}

.home-header .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{

    color: orange

}

.shrink{

	background: #fff;

	z-index: 10;

	-webkit-box-shadow: 5px 6px 13px 0px rgba(46, 50, 50, 0.27);

	-moz-box-shadow: 5px 6px 13px 0px rgba(46, 50, 50, 0.27);

	box-shadow: 5px 6px 13px 0px rgba(46, 50, 50, 0.27);

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	/* height: auto; */

}

.shrink a.nav-link{

	font-size: 16px;

	-moz-transition: all 0.4s;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}



.home-header .navbar-toggler {

    z-index: 3;

}

header .navbar-brand {

    position: absolute;

    width: 100%;

    left: 0;

    text-align: center;

    margin: 0 auto;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    top: 15px;

    z-index: 0;

}

.shrink .navbar-brand {

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.navbar-brand img{

    height: 150px;

    -webkit-filter: drop-shadow(5px 5px 5px #004685);

    filter: drop-shadow(5px 5px 5px #dadada);

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.shrink .navbar-brand img {

     height: 120px;

     -moz-transition: all 0.4s;

     -webkit-transition: all 0.4s;

     transition: all 0.4s;

}

.navbar-brand > img {

    display: inline-block;

    

}

/****************** End Haeder Css **********************/



/****************** Start Home Slider ********************/ 

.home-slider .owl-theme .owl-nav [class*=owl-] {

    background: transparent;

    padding: 0;

    margin: 0;

    border-radius: 0;

    transition: all 0.3s ease-in-out;

}

.home-slider .owl-carousel .owl-nav{

    opacity: 0;

    transition: all 0.3s ease-in-out;

}

.home-slider .owl-carousel:hover .owl-nav{

    opacity: 1

}

.home-slider .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

    left: 0;

    background: orange;

    padding: 6px 20px;

}

.home-slider .owl-theme .owl-nav [class*='owl-']:hover{

    background-color:orange !important;

}

.home-slider .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next {

    right: 0;

    background: orange;

    padding: 6px 20px;

}

.home-slider .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

    color: #ffffff;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 30px;

}

.home-slider .owl-theme .owl-dots{

    position: relative;

    bottom: 30px;

    right: 0;

    text-align:  center;

    padding: 15px 0;

    margin-top: -55px;

}

/******************* End Home Slider *******************/ 



/********************* Start About Section ********************/ 

.about{}

.about .col-lg-6{

    padding-left: 0;

    padding-right: 0;

}

.about .about-image{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #000;

}

.about .about-image .image{

    height: 100%;

    background: url(../images/about-1.png) no-repeat center center / cover;

}

.about .about-image .image img{

    width: 100%;

}

.about .about-content{

    padding-top: 25px;

    text-align: left;

    padding-left: 15px;

}

.about .about-content .title{

    position: relative;

    padding-bottom: 10px;

}

.about .about-content .title h2{

    color: #004685;

    font-weight: bold;

    display: inline-block;

    position: relative;

    padding-bottom: 10px;

    /*  */

}

.about .about-content .title h2:after{

    position: absolute;

    content: "";

    background-color: #004685;

    height: 2px;

    width: 100%;

    left: 0;

    bottom: 0;

}

.about .about-content .content{

    width: 95%;

}

.about .about-content .content p{

    text-align: justify;

    font-size: 1em;

}

/*************** End About Section *********************/ 



/*********************** Start Our-Brands ************************/ 

.our-brands{

    background-image: url(../images/barnd-1.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0;

    margin-top: 5px

}

.our-brands .title h2, .products .title h2, .our-news .title h2{

    color: #004685;

    font-weight: bold;

    display: inline-block;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 50px;

    

}

.title h2:after{

    position: absolute;

    content: "";

    height: 2px;

    width: 100%;

    left: 0;

    bottom: 0;

}

.our-brands .owl-carousel .owl-item img{

    display: block;

    max-width: 135px;

    margin: 0 auto;

}

/*********************** End Our-Brands ********************/ 



/************************* Start Products ********************/ 

.products{

    padding: 50px 0;

}

.products .head{

    margin: 0;

}

.products .head h5{

    font-weight: bold;

    color: #004685;

    margin-bottom: 44px;

    margin-top: 0;

    font-size: 1.4em;

}

.products .product{

    background: #ffffff;

    box-shadow: 0px 1px 12px #ccc;

    text-align: -webkit-center;

   position: relative;

   padding:10px;

}

.products .product a{

    text-align: center;

    display: block;

}

.products .product img{

    position:relative;

    top:0;

        transition: all 0.3s ease-in-out



}

.products .product:hover img{

    top:-10px;

        transition: all 0.3s ease-in-out



}

.products .button{

    display: block;

    margin-top: 50px;

}

.products .button a{

    font-weight: bold;

    color: #004685;

    border: 1px solid #a5a5a5;

    padding: 10px 30px;

    font-size: 18px;

    transition: all 0.3s ease-in-out

}

.products .button a:hover{

    background-color: #004685;

    color: #fff;

    border: 1px solid #004685;

    text-decoration: none;

}

/*************************** End Products *******************/ 



/*************************** Start Our News ****************/ 

.our-news{

    padding: 50px 0;

    background-color: rgb(247, 247, 247);

    max-height: 390px;

    margin-bottom: 90px;

}

.our-news #news{

    box-shadow: 0 2px 15px #ccc

}

.our-news .our-news-block{

    background: #fff;

    max-height: 300px;

}

.our-news .our-news-details{

   text-align: left;

    padding: 15px;

}

.our-news .news-image img{

    width: 100%;

    min-height: 300px;

}

.our-news .gray-title{

    font-size: 24px;

    font-weight: bold;

    

    color: #004685;

    padding-bottom: 10px;

}

.our-news .blue-title{

    font-size: 20px;

    font-weight: normal;

    

    color: #004685;

    padding-bottom: 10px;

}

.our-news .our-new-text{

    font-size: 16px;

    font-weight: normal;

    

    color: #464646;

}

.our-news .owl-theme .owl-dots{

    position: absolute;

    bottom: 20px;

    right: 3%;

}

.our-news .owl-theme .owl-dots .owl-dot span{

    background: #004685;

}

.our-news .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{

    background: #5cbb55;

}

#sec-news{

    margin-top: 40px;

}

.sec-news-block{

    position: relative;

}

.sec-news-block img{

    position: relative;

    width: 100%;

    padding: 0;

    margin: 0;

    transition: all 0.3s ease-in-out

}

.sec-news-block:hover img{

    transform: scale(1.2);

}

.img-contain{

    overflow: hidden;

}

.sec-news-block:before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 9;

}

.sec-news-block .text{

    font-size: 12px;

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: left;

    color: #fff;

    z-index: 10;

    top: 0;

    background: rgba(0,0,0,0.5);

    right: 0;

}

.sec-news-block .text a{

    position:absolute;

    bottom:0;

    left:15px;

    top:0;

    padding-top:90px

}

.our-news-second .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

    left: -40px;

}

.our-news-second .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next{

    right: -40px;

}

.our-news-second .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

    color: #004685;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 20px;

}

.our-news-second .owl-carousel .owl-nav > div {

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

    top: 65px;

}

.our-news-second .owl-theme .owl-nav [class*=owl-]{

    background: transparent;

    padding: 0;

    margin: 0;

    border-radius: 50%;

    border: 1px solid #004685;

    height: 30px;

    width: 30px;

    line-height: 28px;

    transition: all 0.3s ease-in-out

}

.our-news-second .owl-theme .owl-nav [class*=owl-]:hover{

    background: #004685

}



/************************** End Our News ************************/



/******************** Start Gallary ************************/ 

.gallery{

       background-color: #f7f7f7 ;

       margin: 200px 0 50px;

}

.gallery .carousel-title {

   position: absolute;

   top: 0;

   bottom: 0;

   left: 0;

   right: 0;

   background: -webkit-linear-gradient(bottom, rgba(70,122,167,0.65) 0%,rgba(0,0,0,0) 100%);

   background: linear-gradient(to top, rgba(70,122,167,0.65) 0%,rgba(0,0,0,0) 100%);

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6467aa7', endColorstr='#00000000',GradientType=0 );

}

.gallery .carousel-title a{

   position: absolute;

   bottom: 30px;

   left: 30px;

   color: #fff;

}

.gallery .carousel-title a:hover{

   text-decoration: none;

}

.gallery .owl-theme .owl-nav {

   position: absolute;

   top: 0;

   left: 10px;

}

.gallery .owl-theme .owl-nav .owl-prev ,.gallery .owl-theme .owl-nav .owl-next{

   width: 40px;

   height: 40px;

   position: absolute;

   top: 10px;

   font-size: 24px;

   border-radius: 50%;

   padding: 3px 15px;

   color: #2a6599 ;

   background: rgba(255, 255, 255, 0.85);

   font-weight: bold;

   line-height: 33px;

}

.gallery .owl-prev{        

   left: 8px;

}

.gallery .owl-next{        

   left: 55px;

}

#gallery-video{

   box-shadow: 0 0 12px #444;

   width: 464px;

   height: 306px;

   margin-top: -55px;

}

#gallery-video img{

   width: 464px;

   height: 331px;

}

#video-slider2 .owl-dots {

   position: absolute;

   bottom: 55px;

   right: 15px;

}

#video-slider2 {

   position: absolute;

   left: -40px;

   bottom: -22px;

   box-shadow: 5px 6px 13px 0px rgba(46, 50, 50, 0.27);

}

.gallery  .owl-video-wrapper{

   width: 100% !important;

}

.gallery  .owl-theme .owl-dots .owl-dot span {

   width: 13px;

   height: 13px;

   margin: 5px 4px;

}

.gallery  .owl-carousel .owl-video-play-icon {  

   left: 14%;

   top: 32%;

}

img.gal-img {

   position: absolute;

   z-index: 9;

   top: -44%;

   left: 38%;

}

.gallery .row{

   justify-content: center;

}

/************************ End Gallary *****************************/ 



/*************************** Start Vote ******************************/ 



.vote{

    padding: 50px 0;

}

.vote .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

    left: -40px;

}

.vote .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next{

    right: -40px;

}

.vote .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

    color: #004685;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 20px;

}



.vote .owl-carousel .owl-nav > div {

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

    top: 65px;

}

.vote .owl-theme .owl-nav [class*=owl-]{

    background: transparent;

    padding: 0;

    margin: 0;

    border-radius: 50%;

    border: 1px solid #004685;

    height: 30px;

    width: 30px;

    line-height: 28px;

    transition: all 0.3s ease-in-out

}

.vote .owl-theme .owl-nav [class*=owl-]:hover{

    background: #004685

}

.vote .owl-theme .owl-dots{

    margin-top: 30px;

}

.vote .owl-theme .owl-dots .owl-dot span{

    background: #004685;

}

.vote .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #5cbb55;

}

.vote .title h2{

    text-align: center;

    padding: 50px 0;

    color: #014785;

    font-weight: bold;

}

.vote .vote-block{

    width: 45%;

    text-align: center;

    margin-right: auto;

    padding: 20px 0;

    margin-left: auto;

    transition: all 0.3s ease-in-out;

}



.vote-block {}

.vote .vote-block img{

    transition: all 0.3s ease-in-out

}

.vote .vote-block img:hover{

    

}

.vote .vote-block .vote-rate{

    color: #ccc;

    opacity: 0;

    transition: all 0.3s ease-in-out

}

.vote .vote-block:hover .vote-rate{

    transform: scale(1.2);

    opacity: 1;

}

.vote .owl-carousel .owl-item img{

    display: block;

    width: 100%;

    text-align: center;

    position: relative;

    top: 0;

    z-index:999

}

.vote .owl-carousel .owl-item:hover img{

    top:-20px

}

/*************************** End Vote **************************/



/******************** Start Footer - Home Wrap ***********************/ 

.footer{



}

.footer .home-map{

    height: 80vh;

    position: relative;

    margin: 0 auto;

}

.footer .map-info{

    height: 90%;

    width: 40%;

    background: rgba(0, 0, 0, 0.44);

    position: absolute;

    right: 10%;

    bottom: 0;

    padding: 30px 20px;

    color: #fff;

    text-align: left;

}

.m-t-90{

    margin-top: 90px;

}

.social-links a{

    color: #ffffff;

    /* margin-right: 30px; */

    transition: all 0.3s ease-in-out;

    text-align: center;

} 

.social-links a:hover{

    text-decoration: none;

}

.social-links a:hover i{

    text-decoration: none;

    transform: scale(1.2);

}

.social-links a i{

    background: blue;

    width: 40px;

    height: 40px;

    line-height: 36px;

    text-align: -webkit-center;

    border: 2px solid #fff;

    border-radius: 50%;

    margin-left: 10px;

    transition: all 0.3s ease-in-out;

    color: #fff

}

.social-links a:last-child i{

    background: #d6249f;

  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

  box-shadow: 0px 3px 10px rgba(0,0,0,.25);

}

.social-links .modal-header{

    background-image: url(../images/products_header-1.png);

    background-size: cover;

    padding: 20px 30px;

    background-position: bottom;

    color: #fff;

}

.social-links .modal-logo{

    width: 10%;

    position: absolute;

    top: 0;

    right: 45%;

}

.social-links .modal-logo img{

    height: auto;

    max-width: 100%

}

.social-links .modal-footer{

    background-color: #e5ecf3;

}

.social-links .ih-item.circle.effect1 .spinner{

    width: 130px;

    height: 130px;

    margin-right: 70px;

}

.social-links .ih-item.circle{

    position: relative;

    width: 130px;

    height: auto;

    border-radius: 50%;

    /* margin-right: 52px !important; */

    /* display: block; */

}

.social-links .ih-item.circle.effect1 .info{

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

}

.social-links .ih-item.circle.effect1 .info h3{

    color: #fff;

    text-align: center !important;

    font-size: 14px;

    padding: 0;

    margin: 40px 0;

}

.social-links .ih-item.circle.effect1 .spinner{

    border: 10px solid #0251b7;

    border-right-color: #51b848;

    border-bottom-color: #51b848;

}

.social-links .ih-item.circle.effect1 .img{

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

    width: auto;

    height: auto;

}

.bottom-footer{

    background-color: #004685;

    line-height: 70px;

    color: #fff;

}

.bottom-footer p{

    text-align: left;

    

}

.bottom-footer .links{

    text-align: left;

    

}

.bottom-footer .links a{

    color: #fff;

    text-align: center

}

.bottom-footer .links a i{

    color: #fff;

    background: blue;

    width: 40px;

    height: 40px;

    line-height: 36px;

    text-align: -webkit-center;

    border: 2px solid #fff;

    border-radius: 50%;

    margin-left: 10px;

    transition: all 0.3s ease-in-out

}

.bottom-footer .links a:last-child i{

    background: #d6249f;

  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

  box-shadow: 0px 3px 10px rgba(0,0,0,.25);

}





.scroll-top-wrapper:hover {

  animation: none;

}



@-webkit-keyframes scroll-top-wrapper {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);

  }

  70% {

      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);

  }

  100% {

      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);

  }

}

@keyframes scroll-top-wrapper {

  0% {

    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);

    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);

  }

  70% {

      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);

      box-shadow: 0 0 0 10px rgba(204,169,44, 0);

  }

  100% {

      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);

      box-shadow: 0 0 0 0 rgba(204,169,44, 0);

  }

}

.scroll-top-wrapper{

	

	 cursor: pointer;

  box-shadow: 0 0 0 rgba(204,169,44, 0.4);

  animation: scroll-top-wrapper 1s infinite;

	

	font-weight:border;

    position: fixed;

    opacity: 0;

    visibility: hidden;

    overflow: hidden;

    text-align: center;

    z-index: 99999999;

    right: 30px;

    bottom: 10px;

    font-size: 0px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    background-color:orange;

    width: 50px;

    height: 50px;

    border-radius: 50%;
		

}

.scroll-top-wrapper.show {

    visibility:visible;

    cursor:pointer;
 background-size:15px;
	opacity: 1.0;

}

.scroll-top-wrapper{
	
		   

}

/************************* End Home Wrap *************************/



/************************** start about page ******************/ 

/**********#############******** start about page *****#################********/

/************************** start about page ******************/





/******************************* Start Banner *****************/ 

.banner{

    background-position: center;

    background-size: cover;

    height: 300px;

    position: relative;

}

.banner:before{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 70, 133, 0.8);

}

/********************* End Banner ***************************/ 



/************************ Start About Content ******************/ 

.about-content_{

    padding: 50px 0;

    text-align: left;

}

.about-content_ .imag{

    text-align:center;

}

.about-content_ .imag a{

    display:block;

    position:relative;

}

.about-content_ .head .span{

    font-weight: bold;

    color: #004685

}

.about-content_ .img{

    margin-top: 30px;

}

.about-content_ .img img{

    width: 40%;

    display: block;

    margin-bottom: 30px;

}

.about-content_ p{

    color: #60bb55;

    font-weight: bold;

    font-size: 14px;

    display: block;

}

.about-content_ .content{

    margin-top: 30px;

}

.about-content_ .content p{

    text-align: justify;

    color: #999;

    font-weight: normal;

    height: auto !important

}

.about-content_ .sidebar .head h2{

    font-weight: bold;

    color: #004685;

    font-size: 17px;

    text-align: center;

}

.about-content_ .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

    left: 15px;

}

.about-content_ .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next{

    right: 15px;

}

.about-content_ .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

    color: #004685;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 20px;

}

.about-content_ .owl-carousel .owl-nav > div {

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

    top: 100px;

}

.about-content_ .owl-theme .owl-nav [class*=owl-]{

    background: #c7c7c7;

    padding: 0;

    margin: 0;

    border-radius: 50%;

    border: 1px solid #c7c7c7;

    height: 30px;

    width: 30px;

    line-height: 28px;

    transition: all 0.3s ease-in-out;

    color: #ffffff;

}

.about-content_ .owl-theme .owl-nav [class*=owl-]:hover{

    color: #fff;

    background:#004685

}

.about-content_ .owl-theme .owl-dots{

    margin-top: 30px;

}

.about-content_ .owl-theme .owl-dots .owl-dot span{

    background: #004685;

}

.about-content_ .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #5cbb55;

}

.about-content_ .title h2{

    text-align: center;

    padding: 50px 0;

    color: #014785;

    font-weight: bold;

}

.about-content_ .vote-block{

    width: 50%;

    text-align: -webkit-center;

    margin-right: auto;

    margin-left: auto;

    transition: all 0.3s ease-in-out;

    background: white;

    text-align: center;

    padding: 20px 0;

}

.about-content_ .vote-block img{

    transition: all 0.3s ease-in-out;

    margin: 0 auto;

}

.about-content_ .vote-block:hover img{

    transition: all 0.3s ease-in-out;

    margin: -10px auto 0 auto;

}

.about-content_  .slider {

    box-shadow: 0 5px 15px #e2e0e0;

    margin-top: 80px;

    padding-bottom: 10px;

}



.about-content_  .vote-rate{

    color: #ccc;

}

.main-block{

}

.main-block .block{

    width: 100%;

}

.main-block .block_ img{

    text-align: center;

    display: block;

    margin: 0 auto;

}

.main-block .other-block img{

    width: 100%;

    display: block;

}

.main-block .block img{

     width: 100%;

    display: block;

}

.main-block .block p{

     color: #014785;

    font-weight: bold;

}

.main-block .see{

    text-align: right !important;

    display: block;

    font-weight: bold;

}

.main-block .other-block{

    

margin-top: 20px;

    

padding-top: 20px;

    

border-top: 1px solid #d6d6d6;

}

/******************* End About Content *************************/



/************************** Start Almaria Page ******************/

/**********##############********** Start Almaria Page ******#############********/

/************************** Start Almaria Page ******************/



/******************** Start Almaria ***************/ 

.almaria{

    padding: 50px 0;

}

.almaria .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

    right: -40px;

}

.almaria .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next{

    left: -40px;

}

.almaria .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

    color: #004685;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 20px;

}

.almaria .owl-carousel .owl-nav > div {

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

    top: 65px;

}

.almaria .owl-theme .owl-nav [class*=owl-]{

    background: transparent;

    padding: 0;

    margin: 0;

    border-radius: 50%;

    border: 1px solid #004685;

    height: 30px;

    width: 30px;

    line-height: 28px;

    transition: all 0.3s ease-in-out

}

.almaria .owl-theme .owl-nav [class*=owl-]:hover{

    background: #004685

}

.almaria-blog {

    text-align: left;

    margin-left: 15px;

}

.almaria-blog .media-left{

    width: 300px;

    position: relative;

    

}

.almaria-blog .media-left img{

    display: block;

    width: 100%;

}

.media-body{

    padding-left: 15px;

}

.navigation-almaria ul{

    list-style: none;

    padding: 0;

    margin: 0;

}

.navigation-almaria ul li{

    display: inline-block;

}

.navigation-almaria ul li a{

    

    margin-right: 20px;

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 30px;

    display: block;

}

.navigation-almaria ul li a:hover{

    text-decoration: none;

}

.navigation-almaria ul li.active a{ 

    color: #28a745; 

    border-bottom: 2px solid #28a745;

}

.item-post p{

    color: #555;

}



/*************************** End Almaria Page **********************/ 



/************************* Start News Page ****************************/ 

/*************############******** Start News Page ********#########***************/ 

/************************* Start News Page ****************************/ 



.news .media-left{

    width: 200px;

    position: relative;

}

.news p{

    width: 90%;

    color: #555;

    font-weight: normal;

}

/*************************** End News Page **********************/ 



/************************* Start media Page ****************************/ 

/*************############******** Start media Page ********#########***************/ 

/************************* Start media Page ****************************/ 

.media .head h2{

font-weight: bold;

    color: #004685;

    font-size: 17px;

    text-align: left

}

.media p{

    color: #555;

    margin-top: 10px;

    display: block;

}

.media .media-top{

    margin-top: 80px;

    width: 100%;

}

.media .imag img{

    display: block;

    width: 100%;

}



.media h2{

    margin-bottom: 1.5em;

    margin-top: 1.5em;

    text-align: center;

}

.media .slider{

    margin-top: 0;

}

/*************************** End media Page **********************/



/************************* Start contact Page ****************************/ 

/*************############******** Start contact Page ********#########***************/ 

/************************* Start contact Page ****************************/ 

.contact .head-contact{

    text-align: left;

}

.contact .head-contact h2{

    font-size: 1.8em;

    color: #004685;

    margin-bottom: 15px;

}

.contact .content-contact p{

    font-weight: normal;

    color: #555;

    margin-top: 5px;

}

.contact .content-contact strong{

    color: #004685;

}

.contact-form{

    padding: 50px 0;

    background-image: url(../images/52642079_23843245076610632_2808640167538065408_n.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.contact-form:before{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;


}

.contact-form .head-contact h2{

    text-align: center;

    margin-bottom: 50px;

    color: #fff !important;

    z-index: 9;

    position: relative;

}

.contact-form .form-control{

    background: rgba(255, 255, 255, 0.35);

    border: 1px solid #ffffff1f;

    min-height: 45px;

}

.form-control::-webkit-input-placeholder { 

  color: #fff !important;

}

.form-control::-moz-placeholder { 

  color: #fff !important;

}

.form-control:-ms-input-placeholder {

  color: #fff !important;

}

.form-control:-moz-placeholder {

  color: #fff !important;

}

.contact-form .btn-primary{

    padding: 8px 45px;

    color: #004685;

    font-weight: bold;

    background-color: #fff;

    border-color: white;

    cursor: pointer;

    font-size: 1.1em;

    margin-top: 1.2em;

    transition: all 0.3s ease-in-out;

}

.contact-form .btn-primary:hover{

    background: rgba(255, 255, 255, 0.35);

    color: #fff;

    border: 1px solid rgba(255, 255, 255, 0.52);

    text-shadow: none;

    font-weight: normal;

}

/*************************** End contact Page **********************/



/************************* Start description Page ****************************/ 

/*************############******** Start description Page ********#########***************/ 

/************************* Start description Page ****************************/ 

.item-main small{

    color: #555;

}

.item-main strong{

    color: #004685;

}

/*************************** End description Page **********************/



/******************************** Start Media Screen For Mobile ********************/ 



@media only screen and (max-width: 480px) {

    .elkasib {

    position: relative !important;

    right: 0 !important;

    top: 0 !important;

}

    /* start haedaer */ 

    .home-header .nav-link {

        display: block;

        padding: 0.8rem 1rem;

        font-size: 18px;

        font-weight: bold;

        transition: all 0.5s ease;

    }

    .shrink .home-header .nav-link {

        display: block;

        padding: 1rem 1rem;

        font-size: 18px;

        font-weight: bold;

        margin-left: 15px;

        transition: all 0.5s ease

    }

    .home-header ul.navbar-nav{

        position: relative;

        z-index: 9;

        padding-bottom: -70px;

    }
    .home-header .navbar-light .navbar-nav .nav-link:before{

        bottom: 0;

    }

    header .navbar-brand {

        position: absolute;

        width: 100%;

        left: 0;

        text-align: center;

        margin: 0 auto;

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

        top: 24px;

    }

    .shrink .navbar-brand {

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

    .navbar-brand img{

        height: 80px;

        -webkit-filter: drop-shadow(5px 5px 5px #004685);

        filter: drop-shadow(5px 5px 5px #dadada);

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

    .shrink .navbar-brand img {

         height: 73px;

         -moz-transition: all 0.4s;

         -webkit-transition: all 0.4s;

         transition: all 0.4s;

    }

    .navbar-brand > img {

        display: inline-block;

    }

    .home-header div#navbar{

        padding-top: 55px;

    }

    .home-header .navbar-light .navbar-toggler{

        border: none;

    }

    /* end haedaer */ 

    

    /* start slider */ 

    .home-slider{

        margin-top: 56px;

    }

    .home-slider .owl-theme .owl-nav [class*=owl-] {

        background: transparent;

        padding: 0;

        margin: 0;

        border-radius: 0;

        transition: all 0.3s ease-in-out;

    }

    .home-slider .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

        right: 0;

        background: #00468587;

        padding: 0px 15px;

    }

    .home-slider .owl-theme .owl-nav [class*='owl-']:hover{

        background-color: #004685 !important;

    }

    .home-slider .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next {

        left: 0;

        background: #00468587;

        padding: 0px 15px;

    }

    .home-slider .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

        color: #ffffff;

        position: absolute;

        top: 50%;

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        font-size: 30px;

    }

    /* end slider */ 

    .products .head{

        margin-top:45px

    }

    /* start about section */ 

    .about{}

    .about .col-md-6{

        padding-left: 0;

    }

    .about .about-image{

        position: relative;

    }

    .about .about-image .image{

        height: 100%;

    }

    .about .about-image .image img{

        width: 100%;

    }

    .about .about-content{

        padding-top: 25px;

        text-align: left;

        padding-left: 15px;

    }

    .about .about-content .title{

        position: relative;

        padding-bottom: 10px;

    }

    .about .about-content .title h2{

        color: #004685;

        font-weight: bold;

        display: inline-block;

        position: relative;

        padding-bottom: 10px;

        

        font-size: 1.5em;

    }

    .about .about-content .title h2:after{

        position: absolute;

        content: "";

        background-color: #004685;

        height: 2px;

        width: 100%;

        left: 0;

        bottom: 0;

    }

    .about .about-content .content{

        width: 95%;

    }

    .about .about-content .content p{

        text-align: justify;

        font-size: 1em;

        line-height: 30px;

    }

    /* end about section */ 



    /* start our barnds */ 

    .our-brands .title h2, .products .title h2, .our-news .title h2{

        color: #004685;

        font-weight: bold;

        display: inline-block;

        position: relative;

        padding-bottom: 10px;

        margin-bottom: 50px;

        

        font-size: 1.5em;

    }

    /* end our brands */ 

    

    /* start our news */ 

    .our-news{

        padding: 50px 0;

        background-color: rgb(247, 247, 247);

        margin-bottom: 350px !important;

    }

    .our-news .our-news-block {

        background: #fff;

        max-height: 100% !important;

    }

    /* end our news */ 

    

    /* start our news second */

   .gallery {

       margin: 140px 0 !important;

       margin-bottom: 0 !important;

   }

   #gallery-video {

       width: 100% !important;

       height: auto !important;

       margin-bottom: 40px !important;

       margin-top: 0 !important;

   }

   #video-slider2 {

       position: static !important;

   }

   #gallery-video img {

       width: 100% !important;

       height: auto !important;

   }  

   .gallery  .owl-carousel .owl-video-play-icon {  

       left: 50% !important;

       top: 50% !important;

   }

   img.gal-img{

       left: 34%;

       width: 100px;

       top: -15%;

   }

   /* end our news second */

    

    /* start footer */

    .bottom-footer { 

        line-height: 28px; 

        padding: 17px 0;

    }

    .footer .home-map {

        height: auto; 

    }

    .footer .map-info {

        height: auto;

        padding: 20px;

        width: 100%;

        background: rgba(0, 0, 0, 0.8);

        position: static; 

    }

    .social-links {

        margin-top: 15px;

        text-align: center;

    }

    .social-links a, .social-links a i{ 

        margin-right: 5px;

        text-align: center

    }

    .map-info h2 {

        text-align: center;

        font-size: 20px;

    }

    .m-t-90 {

        margin-top: 45px;

    }

    .bottom-footer p {

        text-align: center;

        margin-bottom: 10px;

        font-size: 14px;

    }

    .bottom-footer .links {

        text-align: center;

    }

    /* end footer */

    .media{

        display: block;

    }

    .media-left{

        width: 100%

    }

    .media-body{

        padding-left: 0;

        padding-top: 10px;

    }

    .sidebar{

        margin-top: 25px;

    }

}



/******************************** Media Screen For Tablet ********************************/



@media only screen and (max-width: 768px) {

    

    /* start haedaer */ 

    .home-header .nav-link {

        display: block;

        padding: 0.8rem 1rem;

        font-size: 18px;

        font-weight: bold;

        transition: all 0.5s ease;

    }

    .shrink .home-header .nav-link {

        display: block;

        padding: 1rem 1rem;

        font-size: 18px;

        font-weight: bold;

        margin-left: 15px;

        

        transition: all 0.5s ease

    }

    .home-header ul.navbar-nav{

        position: relative;

        z-index: 9;

        padding-bottom: -70px;

    }

    .home-header .navbar-light .navbar-nav .nav-link:before{

        bottom: 0;

    }

    header .navbar-brand {

        position: absolute;

        width: 100%;

        left: 0;

        text-align: center;

        margin: 0 auto;

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

        top: 24px;

    }

    .shrink .navbar-brand {

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

    .navbar-brand img{

        height: 80px;

        -webkit-filter: drop-shadow(5px 5px 5px #004685);

        filter: drop-shadow(5px 5px 5px #dadada);

        -moz-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

    .shrink .navbar-brand img {

         height: 73px;

         -moz-transition: all 0.4s;

         -webkit-transition: all 0.4s;

         transition: all 0.4s;

    }

    .navbar-brand > img {

        display: inline-block;



    }

    .home-header div#navbar{

        padding-top: 55px;

    }

    .home-header .navbar-light .navbar-toggler{

        border: none;

    }

    /* end haedaer */ 

    

    /* start slider */ 

    .home-slider{

        margin-top: 56px;

    }

    .home-slider .owl-theme .owl-nav [class*=owl-] {

        background: transparent;

        padding: 0;

        margin: 0;

        border-radius: 0;

        transition: all 0.3s ease-in-out;

    }

    .home-slider .owl-carousel .owl-nav .owl-prev, .brand-content .owl-carousel .owl-nav .owl-prev, .store-content .owl-carousel .owl-nav .owl-prev, .mark-services .owl-carousel .owl-nav .owl-prev{

        display: none;

    }

    .home-slider .owl-theme .owl-nav [class*='owl-']:hover{

        background-color: #004685 !important;

    }

    .home-slider .owl-carousel .owl-nav .owl-next, .brand-content .owl-carousel .owl-nav .owl-next, .store-content .owl-carousel .owl-nav .owl-next, .mark-services .owl-carousel .owl-nav .owl-next {

        display: none;

    }

    .home-slider .owl-theme .owl-dots{

        display: none;

    }

    .home-slider .owl-carousel .owl-nav > div, .brand-content .owl-carousel .owl-nav > div, .store-content .owl-carousel .owl-nav > div, .mark-services .owl-carousel .owl-nav > div{

        color: #ffffff;

        position: absolute;

        top: 50%;

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        font-size: 30px;

    }

    /* end slider */ 

    

    /* start about section */ 

    .about{}

    .about .col-md-6{

        padding-left: 0;

    }

    .about .about-image{

        position: relative;

    }

    .about .about-image .image{

        height: 100%;

    }

    .about .about-image .image img{

        width: 100%;

    }

    .about .about-content{

        padding-top: 25px;

        text-align: left;

        padding-left: 15px;

    }

    .about .about-content .title{

        position: relative;

        padding-bottom: 10px;

    }

    .about .about-content .title h2{

        color: #004685;

        font-weight: bold;

        display: inline-block;

        position: relative;

        padding-bottom: 10px;

        

        font-size: 1.5em;

    }

    .about .about-content .title h2:after{

        position: absolute;

        content: "";

        background-color: #004685;

        height: 2px;

        width: 100%;

        left: 0;

        bottom: 0;

    }

    .about .about-content .content{

        width: 95%;

    }

    .about .about-content .content p{

        text-align: justify;

        font-size: 1em;

        line-height: 30px;

    }

    /* end about section */ 



    /* start our barnds */ 

    .our-brands .title h2, .products .title h2, .our-news .title h2{

        color: #004685;

        font-weight: bold;

        display: inline-block;

        position: relative;

        padding-bottom: 10px;

        margin-bottom: 50px;

        

        font-size: 1.5em;

    }

    /* end our brands */ 

    

    /* start our news */ 

    .our-news{

        padding: 50px 0;

        background-color: rgb(247, 247, 247);

        margin-bottom: 120px;

    }

    .our-news .our-news-block {

        background: #fff;

        max-height: 100% !important;

    }

    /* end our news */ 

    .gallery{

        margin: 17% 0 2%;

    }

    /* start footer */

    .bottom-footer { 

        line-height: 28px; 

        padding: 17px 0;

    }

    .footer .home-map {

        height: auto; 

    }

    .footer .map-info {

        height: auto;

        padding: 20px;

        width: 100%;

        background: rgba(0, 0, 0, 0.8);

        position: static; 

    }

    .social-links {

        margin-top: 15px;

        text-align: center;

    }

    .map-info h2 {

        text-align: center;

        font-size: 20px;

    }

    .m-t-90 {

        margin-top: 45px;

    }

    .bottom-footer p {

        text-align: center;

        margin-bottom: 10px;

        font-size: 14px;

    }

    .bottom-footer .links {

        text-align: center;

    }

    /* end footer */

    .media{

        display: block;

    }

    .media-left{

        width: 100%

    }

    .media-body{

        padding-left: 0;

        padding-top: 10px;

    }

    .sidebar{

        margin-top: 25px;

    }

}



/******************************** Media Screen For laptop ********************************/



@media only screen and (max-width: 1024px){

    .our-brands .owl-theme .owl-nav{

        display: none;

    }

    .our-brands .owl-theme .owl-dots{

        margin-top: 20px;

    }

    .our-news{

        padding: 50px 0;

        background-color: rgb(247, 247, 247);

        margin-bottom: 100px;

    }

    .home-header .nav-link{

        font-size:15px;

    }

        /* start footer */

    .bottom-footer { 

        line-height: 28px; 

        padding: 17px 0;

    }

    .footer .home-map {

        height: auto; 

    }

    .footer .map-info {

        height: auto;

        padding: 20px;

        width: 100%;

        background: rgba(0, 0, 0, 0.8);

        position: static; 

    }

    .social-links {

        margin-top: 15px;

        text-align: center;

    }

    .map-info h2 {

        text-align: center;

        font-size: 20px;

    }

    .m-t-90 {

        margin-top: 45px;

    }

    .bottom-footer p {

        text-align: center;

        margin-bottom: 10px;

        font-size: 14px;

    }

    .bottom-footer .links {

        text-align: center;

    }

    /* end footer */
}

/******************************** kindy ********************************/

.our-news-second .owl-carousel .owl-item img {

    max-height: 140px;

}

.our-news-second .owl-carousel .owl-item a {

    color: #fff;

}

.our-news-second .owl-carousel .owl-item a {

}

#navbar{

    z-index: 10

}

.aboutus-banner{

    background-image: url('../images/aboutus_home-1.jpeg');

}

.products-banner{

    background-image: url('../images/aboutus_home-1.jpeg');

}



/******************************** Media Screen For laptop ********************************/



@media only screen and (max-width: 1440px){

         /* start footer */

}

@media only screen and (min-width: 1024px){

    .almaria-blog .media-left img{

        height: 200px

    }

}

#timeline{

    position:relative;

    margin-top: 31px;

}

#timeline h3{

    position: absolute;

    left: 0;

    text-align:  left;

    font-size: 17px;

    text-decoration: underline;

    color: #888;

}

#timeline ul{

    margin-left:100px;

    font-size:12px;

    border-left:1px solid #eee;

    padding-left:15px;

    margin-bottom:  0;

    padding-bottom: 30px;

    position:relative

}



#timeline ul:before{

    content:"\A";

    border-style: solid;

    border-width: 10px 15px 10px 0;

    border-color: transparent #eeeeee transparent transparent;

    position: absolute;

    left: -15px;

}

#timeline ul h3{

    position:inherit;

    font-size:16px;

    font-weight: normal;

}

#timeline ul p{

    margin-bottom:0;

}

.iner-play{

    top: 26% !important;

    width: 50px !important;

    height: 50px !important;

    background-size: 100% !important;

    left: 33% !important;

    margin: 0px auto!important;

}

.our-brands .owl-carousel .owl-item {

    min-height: 1px;

    float: left;

}



.elkasib {

    position: absolute;

    right: -75px;

    top: -15px;

}